﻿<!DOCTYPE html>
<html>
  <head>
    <title>Collapse 折叠面板</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/collapse_____/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/collapse_____/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u11742" class="ax_default">
        <div id="u11742_state0" class="panel_state" data-label="State1">
          <div id="u11742_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11743" class="ax_default box_1">
              <img id="u11743_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11744" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11745" class="ax_default image">
              <img id="u11745_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11746" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11742_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11742_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11747" class="ax_default box_1">
              <img id="u11747_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11748" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11749" class="ax_default box_1">
              <img id="u11749_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11750" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11751" class="ax_default image">
              <img id="u11751_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11752" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u11753" class="ax_default">
        <div id="u11753_state0" class="panel_state" data-label="State1">
          <div id="u11753_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11754" class="ax_default box_1">
              <img id="u11754_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11755" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11756" class="ax_default image">
              <img id="u11756_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11757" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11753_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11753_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11758" class="ax_default box_1">
              <img id="u11758_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11759" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11760" class="ax_default box_1">
              <img id="u11760_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11761" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11762" class="ax_default image">
              <img id="u11762_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11763" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u11764" class="ax_default">
        <div id="u11764_state0" class="panel_state" data-label="State1">
          <div id="u11764_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11765" class="ax_default box_1">
              <img id="u11765_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11766" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11767" class="ax_default image">
              <img id="u11767_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11768" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11764_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11764_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11769" class="ax_default box_1">
              <img id="u11769_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11770" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11771" class="ax_default box_1">
              <img id="u11771_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11772" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11773" class="ax_default image">
              <img id="u11773_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11774" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u11775" class="ax_default">
        <div id="u11775_state0" class="panel_state" data-label="State1">
          <div id="u11775_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11776" class="ax_default box_1">
              <img id="u11776_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11777" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11778" class="ax_default image">
              <img id="u11778_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11779" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11775_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11775_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11780" class="ax_default box_1">
              <img id="u11780_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11781" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11782" class="ax_default box_1">
              <img id="u11782_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11783" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11784" class="ax_default image">
              <img id="u11784_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11785" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 1 (Dynamic Panel) -->
      <div id="u11786" class="ax_default" data-label="1">
        <div id="u11786_state0" class="panel_state" data-label="State1">
          <div id="u11786_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11787" class="ax_default box_1">
              <img id="u11787_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11788" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11789" class="ax_default image">
              <img id="u11789_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11790" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11786_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11786_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11791" class="ax_default box_1">
              <img id="u11791_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11792" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11793" class="ax_default box_1">
              <img id="u11793_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11794" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11795" class="ax_default image">
              <img id="u11795_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11796" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 2 (Dynamic Panel) -->
      <div id="u11797" class="ax_default" data-label="2">
        <div id="u11797_state0" class="panel_state" data-label="State1">
          <div id="u11797_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11798" class="ax_default box_1">
              <img id="u11798_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11799" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11800" class="ax_default image">
              <img id="u11800_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11801" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11797_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11797_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11802" class="ax_default box_1">
              <img id="u11802_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11803" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11804" class="ax_default box_1">
              <img id="u11804_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11805" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11806" class="ax_default image">
              <img id="u11806_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11807" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 3 (Dynamic Panel) -->
      <div id="u11808" class="ax_default" data-label="3">
        <div id="u11808_state0" class="panel_state" data-label="State1">
          <div id="u11808_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11809" class="ax_default box_1">
              <img id="u11809_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11810" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11811" class="ax_default image">
              <img id="u11811_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11812" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11808_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11808_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11813" class="ax_default box_1">
              <img id="u11813_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11814" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11815" class="ax_default box_1">
              <img id="u11815_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11816" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11817" class="ax_default image">
              <img id="u11817_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11818" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 4 (Dynamic Panel) -->
      <div id="u11819" class="ax_default" data-label="4">
        <div id="u11819_state0" class="panel_state" data-label="State1">
          <div id="u11819_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11820" class="ax_default box_1">
              <img id="u11820_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11821" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11822" class="ax_default image">
              <img id="u11822_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11823" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11819_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11819_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11824" class="ax_default box_1">
              <img id="u11824_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11825" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11826" class="ax_default box_1">
              <img id="u11826_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11827" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11828" class="ax_default image">
              <img id="u11828_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11829" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 1 (Dynamic Panel) -->
      <div id="u11830" class="ax_default" data-label="1">
        <div id="u11830_state0" class="panel_state" data-label="State1">
          <div id="u11830_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11831" class="ax_default box_1">
              <img id="u11831_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11832" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11833" class="ax_default image">
              <img id="u11833_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11834" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u11835" class="ax_default _形状">
              <img id="u11835_img" class="img " src="images/collapse_____/u11835.png"/>
              <!-- Unnamed () -->
              <div id="u11836" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11830_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11830_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11837" class="ax_default box_1">
              <img id="u11837_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11838" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11839" class="ax_default box_1">
              <img id="u11839_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11840" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11841" class="ax_default image">
              <img id="u11841_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11842" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Shape) -->
            <div id="u11843" class="ax_default _形状">
              <img id="u11843_img" class="img " src="images/collapse_____/u11835.png"/>
              <!-- Unnamed () -->
              <div id="u11844" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 2 (Dynamic Panel) -->
      <div id="u11845" class="ax_default" data-label="2">
        <div id="u11845_state0" class="panel_state" data-label="State1">
          <div id="u11845_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11846" class="ax_default box_1">
              <img id="u11846_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11847" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11848" class="ax_default image">
              <img id="u11848_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11849" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11845_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11845_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11850" class="ax_default box_1">
              <img id="u11850_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11851" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11852" class="ax_default box_1">
              <img id="u11852_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11853" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11854" class="ax_default image">
              <img id="u11854_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11855" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 3 (Dynamic Panel) -->
      <div id="u11856" class="ax_default" data-label="3">
        <div id="u11856_state0" class="panel_state" data-label="State1">
          <div id="u11856_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11857" class="ax_default box_1">
              <img id="u11857_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11858" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11859" class="ax_default image">
              <img id="u11859_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11860" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11856_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11856_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11861" class="ax_default box_1">
              <img id="u11861_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11862" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11863" class="ax_default box_1">
              <img id="u11863_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11864" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11865" class="ax_default image">
              <img id="u11865_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11866" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 4 (Dynamic Panel) -->
      <div id="u11867" class="ax_default" data-label="4">
        <div id="u11867_state0" class="panel_state" data-label="State1">
          <div id="u11867_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11868" class="ax_default box_1">
              <img id="u11868_img" class="img " src="images/collapse_____/u11743.png"/>
              <!-- Unnamed () -->
              <div id="u11869" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11870" class="ax_default image">
              <img id="u11870_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11871" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u11867_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u11867_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u11872" class="ax_default box_1">
              <img id="u11872_img" class="img " src="images/collapse_____/u11747.png"/>
              <!-- Unnamed () -->
              <div id="u11873" class="text" style="visibility: visible;">
                <p><span><br></span></p><p><span><br></span></p><p><span>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</span></p><p><span>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11874" class="ax_default box_1">
              <img id="u11874_img" class="img " src="images/collapse_____/u11749.png"/>
              <!-- Unnamed () -->
              <div id="u11875" class="text" style="visibility: visible;">
                <p><span>一致性 Consistency</span></p>
              </div>
            </div>

            <!-- Unnamed (Image) -->
            <div id="u11876" class="ax_default image">
              <img id="u11876_img" class="img " src="images/navmenu_____/u9761.png"/>
              <!-- Unnamed () -->
              <div id="u11877" class="text" style="display: none; visibility: hidden">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11878" class="ax_default label">
        <img id="u11878_img" class="img " src="images/collapse_____/u11878.png"/>
        <!-- Unnamed () -->
        <div id="u11879" class="text" style="visibility: visible;">
          <p><span>Collapse 折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11880" class="ax_default label">
        <img id="u11880_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u11881" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11882" class="ax_default label">
        <img id="u11882_img" class="img " src="images/button___/u1854.png"/>
        <!-- Unnamed () -->
        <div id="u11883" class="text" style="visibility: visible;">
          <p><span>通过折叠面板收纳内容区域</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11884" class="ax_default label">
        <img id="u11884_img" class="img " src="images/icon_图标/u508.png"/>
        <!-- Unnamed () -->
        <div id="u11885" class="text" style="visibility: visible;">
          <p><span>可同时展开多个面板，面板之间不影响</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11886" class="ax_default label">
        <img id="u11886_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u11887" class="text" style="visibility: visible;">
          <p><span>手风琴效果</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11888" class="ax_default label">
        <img id="u11888_img" class="img " src="images/link_文字链接/u2061.png"/>
        <!-- Unnamed () -->
        <div id="u11889" class="text" style="visibility: visible;">
          <p><span>每次只能展开一个面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11890" class="ax_default label">
        <img id="u11890_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u11891" class="text" style="visibility: visible;">
          <p><span>自定义面板标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11892" class="ax_default label">
        <img id="u11892_img" class="img " src="images/select____/u3256.png"/>
        <!-- Unnamed () -->
        <div id="u11893" class="text" style="visibility: visible;">
          <p><span>可以自定义面板的标题内容，增加图标等效果。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11894" class="ax_default box_2">
        <img id="u11894_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u11895" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
